Corner Control

ABSTRACT

Methods, Methods, program products, and systems for corner control are described. Each of the four corners of a rectangular display field can be individually configured to be a rounded corner or an angled corner. In some implementations, a method can include providing a user interface item for display. The user interface item can include four control elements. Each of the control elements can correspond to a corner of a display field. Each of the control elements can individually and independently control a shape of the corresponding corner of the display field. The display field can have one or more corners in rounded shape and one or more corners in angled shape, according to user input received through the user interface item.

TECHNICAL FIELD

This disclosure relates generally to data presentation.

BACKGROUND

A database application program can include tools for building a layout.The layout can be an arrangement of display fields representing howinformation is organized and presented. The display fields can beconfigured to present static or dynamic data including, for example,values, objects, or images. The layout can then be used to format datastored in, or referenced by, a database for presentation to a user.Typically, a display field is a rectangle. Some conventional databaseapplication programs provide options to configure display fields to haveeither four rounded corners or four angled corners to satisfyrequirements from users having different aesthetic tastes.

SUMMARY

Methods, Methods, program products, and systems for corner control aredescribed. Each of the four corners of a rectangular display field canbe individually configured to be a rounded corner or an angled corner.In some implementations, a method can include providing a user interfaceitem for display. The user interface item can include four controlelements. Each of the control elements can correspond to a corner of adisplay field. Each of the control elements can individually andindependently control a shape of the corresponding corner of the displayfield. The display field can have one or more corners in rounded shapeand one or more corners in angled shape, according to user inputreceived through the user interface item.

Particular embodiments of the subject matter described in thisspecification can be implemented to realize the following advantages. Asystem can give a user finer-grained control on what a display fieldlooks like than a conventional system can. When the system combinesmultiple display fields, the resulting integrated display field can havea unified look and feel rather than an appearance of multiple individualelements combined. The system can thus make it easier for a user todesign a user interface of a database application program. For example,the system can allow a user to easily design a table user interfaceelement by joining first a rectangle having two rounded corners on thetop and two angled corners on the bottom as a title bar of the table, asecond rectangle having four angled corners as the main table cell ofthe table, and a third rectangle having two angled corners on the topand two angled corners on the bottom as a footer of the table.

The details of one or more implementations of corner control are setforth in the accompanying drawings and the description below. Otherfeatures, aspects, and advantages corner control will become apparentfrom the description, the drawings, and the claims.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 illustrates an exemplary layout in a conventional databaseapplication system.

FIG. 2 illustrates an exemplary layout in a database application systemwith corner control.

FIG. 3 is an exemplary user interface item for controlling corners.

FIG. 4 is an exemplary user interface for controlling corners of adisplay field.

FIG. 5 is a flowchart illustrating an exemplary process of cornercontrol.

FIG. 6 is a block diagram of an exemplary system architecture forimplementing the features and operations of FIGS. 1-5.

Like reference symbols in the various drawings indicate like elements.

DETAILED DESCRIPTION Overview

FIG. 1 illustrates an exemplary layout in a conventional databaseapplication system. The system can provide for display, in a layouteditor, first display field 102 and second display field 104. Accordingto a user specified display configuration, the system can display bothfirst display field 102 and second display field 104 in rounded corners.The system can then receive an input indicating that first display field102 and second display field 104 are to be displayed together. Firstdisplay field 102 can be placed next to second display field 104 toprovide an appearance of an integrated display field 106 that includesboth first display field 102 and second display field 104. Because eachof first display field 102 and second display field 104 has roundedcorners, integrated display field 106 can include notch 108, which isformed by two rounded corners placed together. Notch 108 may not beaesthetically desirable to some users.

Alternatively, the system can provide for display, in a layout editor,third display field 112 and fourth display field 114. Each of thirddisplay field 112 and fourth display field 114 can have angled corners.When the system receives an input indicating that third display field112 and fourth display field 114 are to be displayed together, thesystem can place third display field 112 next to fourth display field114 to provide an appearance of an integrated display field 116. Becauseeach of third display field 112 and fourth display field 114 has angledcorners, integrated display field 116 does not include a notch asintegrated display field 106 has. However, integrated display field 116has angled corners, which may not be aesthetically desirable to someusers.

Likewise, the system can provide, in a layout editor, fifth displayfield 122, which has rounded corner, and sixth display field 124, whichhas angled corners. Integrated display field 126 of fifth display field122 and sixth display field 124 can include notch 128, which may not bedesirable to some users.

FIG. 2 illustrates an exemplary layout in a database application systemwith corner control. The system can provide for display first displayfield 202, second display field 204, and third display field 206. Eachof first display field 202, second display field 204, and third displayfield 206 can be a rectangle having four corners: upper left corner,upper right corner, bottom left corner, and bottom right corner. Foreach display field, each of the upper left corner, upper right corner,bottom left corner, and bottom right corner can be individuallyconfigurable, independent from configurations of other corners in a samerectangle. For example, one of the four corners can be a rounded corner,and another of the four corners can be a right-angled corner.

Based on one or more inputs, the system can configure first displayfield 202 to have a rounded upper left corner, whereas other corners offirst display field 202 can be angled corners. The system can configuresecond display field 204 to have a rounded lower left corner, whereasother corners of second display field 204 can be angled corners. Thesystem can configure third display field 206 to have a rounded upperright corner and a rounded lower right corner, whereas other corners ofthird display field 206 can be angled corners.

In some implementations, the system can receive a first input placingfirst display field 202 on top of second display field 204, and a secondinput placing third display field 206 to the right of first displayfield 202 on top of second display field 204. The system can place thedisplay fields accordingly, to create an appearance of an integrateddisplay field 208. Each of first display field 202, second display field204, and third display field 206 can be individually controllable andconfigurable. For example, third display field 206 can have a differentshade or fill pattern from first display field 202 and second displayfield 204.

In some implementations, the system can receive an input indicating thatfirst display field 202, second display field 204, and third displayfield 206 are to be displayed together. The input can include, forexample, a drag-and-drop action that drags a display field to a locationthat is within a threshold distance of another display field. Inresponse, the system can create integrated display field 208. Integrateddisplay field 208 can include four rounded corners. Additionally,integrated display field 208 can have smooth and straight edges thatcontain no notches. Each of first display field 202, second displayfield 204, and third display field 206 can be individually controllableand configurable. In addition, the system can configure integrateddisplay field 208 as a whole. The system can provide a user interfaceitem that allows a user to choose whether first display field 202,second display field 204, and third display field 206 are to be treatedas individual display fields or as an integrated display field.

User Interfaces

FIG. 3 is exemplary user interface item 300 for controlling corners. Asystem that provides corner control functions can provide user interfaceitem 300 for display in a user interface environment, e.g., a layouteditor, where a display field can be configured. User interface item 300can include corner radius configure item 302 and corner radius adjuster304. Corner radius configure item 302 can be an input field configuredto receive an input specifying a radius of a rounded corner. The roundedcorner can be an upper left, an upper right, a lower left, or a lowerright quadrant of a circle. The radius of a rounded corner can be theradius of the corresponding circle.

Corner radius adjuster 304 can include first element 304A and secondelement 304B. First element 304A and second element 304B can beconfigured to, upon receiving an input, increase or decrease a value ofa radius in corner radius configure item 302, respectively. The systemcan specify a lower bound, an upper bound, or both, of the value of theradius. For example, a lower bound can be zero, where a rounded cornervisually appears to be a right angle. An upper bound of the radius canbe a ratio, e.g., 50 percent, of the lesser of a height or a width of adisplay field whose corners are being configured.

User interface item 300 can include corner selector 306. Corner selector306 can be an interactive user interface item configured to receive aninput indicating which, if any, corner of a display field is a roundedcorner and which, if any, corner of a display field is an angled corner.Corner selector 306 can include four icons, icon 308, icon 310, icon312, and icon 314 each of which corresponding to a corner of arectangular display field. Each of icon 308, icon 310, icon 312, andicon 314 can be a tile in a grid having an upper left, an upper right, alower left, and a lower right tile. The position of a tile in a grid cancorrespond to a corner located at a respective position of the displayfield. For example, icon 308, which is located in an upper left tile ofthe grid, can correspond to an upper left corner of a display field.

Each of icon 308, icon 310, icon 312, and icon 314 can have two states,indicating, respectively, that the corresponding corner is a roundedcorner or an angled corner. Each of icon 308, icon 310, icon 312, andicon 314 can receive an input individually and independent for anotherof the icons. Upon receiving the input, an icon can toggle between thetwo states, and toggle the corresponding corner of the display field. Inthe example shown, icons 308 and 310 indicate that the upper left cornerand upper right corner of a display field are rounded corners. Icons 312and 314 can indicate that the lower left corner and lower right cornerof the display field are right-angled corners.

In some implementations, an icon that indicates that a correspondingcorner of a display field is a rounded corner can include a quarter of acircle that corresponds to the shape of corresponding corner. Forexample, icon 308 can have an upper left quarter of a circle. The radiusof the circle can correspond to a value of the radius as specified incorner radius configure item 302. If corner radius configure item 302specifies a value of a radius, e.g., in a number of pixels or a numberof millimeters or inches, the radius for the quarter of the circle inicon 308 can be adjusted automatically to match the specified value orbe set at a specified ratio (e.g., pre-specified) of the specifiedvalue.

FIG. 4 is an exemplary user interface for controlling corners of adisplay field. The user interface can include editing window 400 forreceiving edits of display fields 402, 404, and 406. A system havingcorner control functions can receive an input indicating that displayfield 402 is to be configured. The input can be a selection input, e.g.,a mouth click, a touch input on a touch-sensitive screen, or a tab-over.

Upon receiving the input, the system can provide for display userinterface item 300 as described above in reference to FIG. 3. Userinterface item 300 can be logically linked to display field 402, asindicated by dashed line 403. Accordingly, a change of corner radius ora selection of rounded or angled corners in user interface item 300 canaffect only display field 402. For example, when user interface item 300indicates that a top left corner and a top right corner are roundedcorners, and that a bottom left corner and a bottom corner are angledcorners, only display field 402 is configured accordingly.

In some implementations, the system can receive multiple selections ofdisplay fields before activating user interface item 300. For example,the system can receive one or more inputs of multiple selectionselecting display fields 402, 404, and 406. The system can thenlogically link display fields 402, 404, and 406 to user interface item300. A change of corner radius, or a selection of rounded or angledcorner in user interface item 300, can affect a corresponding corner ofevery linked display field, including, for example, display fields 402,404, and 406. Whether each corner of display fields 402, 404, and 406 isa rounded corner or an angled corner, and the radius of the corner ifrounded, can be specified using a language for describing presentationsemantics of a document, for example, a cascading style sheet (CSS). Forexample, the system can generate the following CSS code for drawingdisplay field 402.

border-top-left-radius: 5pt;

border-top-right-radius: 5pt;

border-bottom-left-radius: 0pt;

border-bottom-left-radius: 0pt;

where a border-top-left-radius can indicate a radius for a roundedcorner at top left, measured by number of points or pixels. When theradius is zero point or pixels, the corresponding corner can be anangled corner. The system can enforce a rule that each of the fourcorners either have a same radius, e.g., “5pt,” or zero.

Exemplary Corner Control Processes

FIG. 5 is a flowchart illustrating exemplary process 500 of cornercontrol. A system having corner control functions can provide (502) auser interface item for display. The user interface item can be userinterface item 300 as described above in reference to FIG. 3. The userinterface item can include multiple control elements. Each of thecontrol elements can correspond to a corner of a display field and havea first state or a second state. The first state can correspond to anangled shape. The second state can correspond to a rounded shape.

The control elements can be arranged as a grid of four tiled cells. Alocation of each control element in the grid, e.g., upper left, canindicate a location of the corresponding corner of the display field.Each control element can include an icon indicating the angled shape, oran icon indicating the rounded shape. The user interface item caninclude a radius control element that can receive input to specify aradius of each corner having the rounded shape. In some implementations,a control element corresponding to a rounded shape can change accordingto the radius. A change of values of the radius in the radius controlelement can cause a change of icons of the control element. The changeof icons can correspond to the change of values.

The system can receive (504) an input selecting the user interface item.The input can specify that each of the control elements be in the firststate or the second state. The input can be a click or a tap on thecorresponding control element.

The system can provide (506) the display field for presentation on adisplay device. Each corner of the display field can have a first shapewhen the corresponding control element is in the first state, or asecond shape when the corresponding control element is in the secondstate. The first shape can be an angled shape, including, for example,an angled line, angled double lines, or an angled bevel. The secondshape can be a rounded shape, including, for example, a rounded line orrounded double lines.

In some implementations, the system can provide for display a seconddisplay field that is attached to the display field. The display fieldand the second display field can form a rectangle having roundedcorners. Two corners of the display field and two corners of the seconddisplay can be in rounded shape. Two corners of the display field andtwo corners of the second display can be in angled shape. Accordingly,the rectangle can have no more than four corners in rounded shape.

The system can receive an input dragging and dropping the display fieldnext to the second display field such that a distance between thedisplay field and the second display field satisfies a threshold. Thesystem can then automatically attach the display field and the seconddisplay field to form the rectangle having no more than four corners inrounded shape.

Exemplary System Architecture

FIG. 6 is a block diagram of an exemplary system architecture 600 forimplementing the features and operations of FIGS. 1-5. Otherarchitectures are possible, including architectures with more or fewercomponents. In some implementations, architecture 600 includes one ormore processors 602 (e.g., dual-core Intel® Xeon® Processors), one ormore output devices 604 (e.g., LCD), one or more network interfaces 606,one or more input devices 608 (e.g., mouse, keyboard, touch-sensitivedisplay) and one or more computer-readable mediums 612 (e.g., RAM, ROM,SDRAM, hard disk, optical disk, flash memory, etc.). These componentscan exchange communications and data over one or more communicationchannels 610 (e.g., buses), which can utilize various hardware andsoftware for facilitating the transfer of data and control signalsbetween components.

The term “computer-readable medium” refers to a medium that participatesin providing instructions to processor 602 for execution, includingwithout limitation, non-volatile media (e.g., optical or magneticdisks), volatile media (e.g., memory) and transmission media.Transmission media includes, without limitation, coaxial cables, copperwire and fiber optics.

Computer-readable medium 612 can further include operating system 614(e.g., a Linux® operating system), network communication module 616,field format editor 620, style generator 630, and database interface640. Operating system 614 can be multi-user, multiprocessing,multitasking, multithreading, real time, etc. Operating system 614performs basic tasks, including but not limited to: recognizing inputfrom and providing output to devices 606, 608; keeping track andmanaging files and directories on computer-readable mediums 612 (e.g.,memory or a storage device); controlling peripheral devices; andmanaging traffic on the one or more communication channels 610. Networkcommunications module 616 includes various components for establishingand maintaining network connections (e.g., software for implementingcommunication protocols, such as TCP/IP, HTTP, etc.).

Field format editor 620 can include computer instructions that, whenexecuted, cause processor 602 to display a user interface for editingformat of a display field, including individually configuring eachcorner of the display field. For example, field format editor 620 caninclude a layout editor. Style generator 630 can include computerinstructions that, when executed, cause processor 602 to generate codeof language for describing presentation semantics of a document, e.g.,CSS code. Database interface 640 can include one or more databaseinterface elements for providing dynamic or static data stored in adatabase in the display field.

Architecture 600 can be implemented in a parallel processing orpeer-to-peer infrastructure or on a single device with one or moreprocessors. Software can include multiple software components or can bea single body of code.

The described features can be implemented advantageously in one or morecomputer programs that are executable on a programmable system includingat least one programmable processor coupled to receive data andinstructions from, and to transmit data and instructions to, a datastorage system, at least one input device, and at least one outputdevice. A computer program is a set of instructions that can be used,directly or indirectly, in a computer to perform a certain activity orbring about a certain result. A computer program can be written in anyform of programming language (e.g., Objective-C, Java), includingcompiled or interpreted languages, and it can be deployed in any form,including as a stand-alone program or as a module, component,subroutine, a browser-based web application, or other unit suitable foruse in a computing environment.

Suitable processors for the execution of a program of instructionsinclude, by way of example, both general and special purposemicroprocessors, and the sole processor or one of multiple processors orcores, of any kind of computer. Generally, a processor will receiveinstructions and data from a read-only memory or a random access memoryor both. The essential elements of a computer are a processor forexecuting instructions and one or more memories for storing instructionsand data. Generally, a computer will also include, or be operativelycoupled to communicate with, one or more mass storage devices forstoring data files; such devices include magnetic disks, such asinternal hard disks and removable disks; magneto-optical disks; andoptical disks. Storage devices suitable for tangibly embodying computerprogram instructions and data include all forms of non-volatile memory,including by way of example semiconductor memory devices, such as EPROM,EEPROM, and flash memory devices; magnetic disks such as internal harddisks and removable disks; magneto-optical disks; and CD-ROM and DVD-ROMdisks. The processor and the memory can be supplemented by, orincorporated in, ASICs (application-specific integrated circuits).

To provide for interaction with a user, the features can be implementedon a computer having a display device such as a CRT (cathode ray tube)or LCD (liquid crystal display) monitor for displaying information tothe user and a keyboard and a pointing device such as a mouse or atrackball by which the user can provide input to the computer.

The features can be implemented in a computer system that includes aback-end component, such as a data server, or that includes a middlewarecomponent, such as an application server or an Internet server, or thatincludes a front-end component, such as a client computer having agraphical user interface or an Internet browser, or any combination ofthem. The components of the system can be connected by any form ormedium of digital data communication such as a communication network.Examples of communication networks include, e.g., a LAN, a WAN, and thecomputers and networks forming the Internet.

The computing system can include clients and servers. A client andserver are generally remote from each other and typically interactthrough a communication network. The relationship of client and serverarises by virtue of computer programs running on the respectivecomputers and having a client-server relationship to each other. In someembodiments, a server transmits data (e.g., an HTML page) to a clientdevice (e.g., for purposes of displaying data to and receiving userinput from a user interacting with the client device). Data generated atthe client device (e.g., a result of the user interaction) can bereceived from the client device at the server.

A system of one or more computers can be configured to performparticular actions by virtue of having software, firmware, hardware, ora combination of them installed on the system that in operation causesor cause the system to perform the actions. One or more computerprograms can be configured to perform particular actions by virtue ofincluding instructions that, when executed by data processing apparatus,cause the apparatus to perform the actions.

While this specification contains many specific implementation details,these should not be construed as limitations on the scope of anyinventions or of what may be claimed, but rather as descriptions offeatures specific to particular embodiments of particular inventions.Certain features that are described in this specification in the contextof separate embodiments can also be implemented in combination in asingle embodiment. Conversely, various features that are described inthe context of a single embodiment can also be implemented in multipleembodiments separately or in any suitable subcombination. Moreover,although features may be described above as acting in certaincombinations and even initially claimed as such, one or more featuresfrom a claimed combination can in some cases be excised from thecombination, and the claimed combination may be directed to asubcombination or variation of a subcombination.

Similarly, while operations are depicted in the drawings in a particularorder, this should not be understood as requiring that such operationsbe performed in the particular order shown or in sequential order, orthat all illustrated operations be performed, to achieve desirableresults. In certain circumstances, multitasking and parallel processingmay be advantageous. Moreover, the separation of various systemcomponents in the embodiments described above should not be understoodas requiring such separation in all embodiments, and it should beunderstood that the described program components and systems cangenerally be integrated together in a single software product orpackaged into multiple software products.

Thus, particular embodiments of the subject matter have been described.Other embodiments are within the scope of the following claims. In somecases, the actions recited in the claims can be performed in a differentorder and still achieve desirable results. In addition, the processesdepicted in the accompanying figures do not necessarily require theparticular order shown, or sequential order, to achieve desirableresults. In certain implementations, multitasking and parallelprocessing may be advantageous.

A number of implementations of the invention have been described.Nevertheless, it will be understood that various modifications can bemade without departing from the spirit and scope of the invention.

What is claimed is:
 1. A method comprising: providing a user interfaceitem for display, the user interface item including a plurality ofcontrol elements, each of the control elements corresponding to a cornerof a display field and having a first state or a second state, the firststate corresponding to an angled shape, the second state correspondingto a rounded shape; receiving an input selecting the user interfaceitem, the input specifying that each of the control elements is in astate; and providing the display field for presentation on a displaydevice, each corner of the display field having an a first shape whenthe corresponding control element is in a first state, or a second shapewhen the corresponding control element is in a second state.
 2. Themethod of claim 1, wherein the first shape is the angled shape, and thesecond shape is the rounded shape.
 3. The method of claim 1, wherein thecontrol elements are arranged as a grid of four tiled cells, a locationof each control element in the grid indicating a location of thecorresponding corner of the display field.
 4. The method of claim 1,wherein each control element comprises an icon indicating the angledshape, or an icon indicating the rounded shape.
 5. The method claim 1,wherein the user interface item is operable to cause a first corner ofthe display field to be displayed in the rounded shape and a secondcorner of the display field to be displayed in the angled shape.
 6. Themethod of claim 1, wherein the user interface item comprises a radiuscontrol element operable to specify a radius of each corner having therounded shape.
 7. The method of claim 6, wherein: the user interfaceitem comprises a control element corresponding to a rounded shape, thecontrol element comprising an icon indicating the rounded shape, and achange of values of the radius in the radius control element causes achange of icons of the control element, the change of iconscorresponding to the change of values.
 8. The method of claim 1,comprising: providing for presentation a second display field that isattached to the display field, the display field and the second displayfield forming a rectangle, wherein: two corners of the display field andtwo corners of the second display are in rounded shape, and two cornersof the display field and two corners of the second display are in angledshape, such that the rectangle has no more than four corners in roundedshape.
 9. The method of claim 8, comprising: receiving an input draggingand dropping the display field next to the second display field suchthat a distance between the display field and the second display fieldsatisfies a threshold; and then automatically attaching the displayfield and the second display field to form the rectangle having no morethan four corners in rounded shape.
 10. A non-transitory storage devicestoring instructions operable to cause one or more processors to performoperations comprising: providing a user interface item for display, theuser interface item including a plurality of control elements, each ofthe control elements corresponding to a corner of a display field andhaving a first state or a second state, the first state corresponding toan angled shape, the second state corresponding to a rounded shape;receiving an input selecting the user interface item, the inputspecifying that each of the control elements is in a state; andproviding the display field for presentation on a display device, eachcorner of the display field having an a first shape when thecorresponding control element is in a first state, or a second shapewhen the corresponding control element is in a second state.
 11. Thestorage device of claim 10, wherein the first shape is the angled shape,and the second shape is the rounded shape.
 12. The storage device ofclaim 10, wherein the control elements are arranged as a grid of fourtiled cells, a location of each control element in the grid indicating alocation of the corresponding corner of the display field.
 13. Thestorage device of claim 10, wherein each control element comprises anicon indicating the angled shape, or an icon indicating the roundedshape.
 14. The storage device claim 10, wherein the user interface itemis operable to cause a first corner of the display field to be displayedin the rounded shape and a second corner of the display field to bedisplayed in the angled shape.
 15. The storage device of claim 10,wherein the user interface item comprises a radius control elementoperable to specify a radius of each corner having the rounded shape.16. The storage device of claim 15, wherein: the user interface itemcomprises a control element corresponding to a rounded shape, thecontrol element comprising an icon indicating the rounded shape, and achange of values of the radius in the radius control element causes achange of icons of the control element, the change of iconscorresponding to the change of values.
 17. The storage device of claim10, the operations comprising: providing for presentation a seconddisplay field that is attached to the display field, the display fieldand the second display field forming a rectangle, wherein: two cornersof the display field and two corners of the second display are inrounded shape, and two corners of the display field and two corners ofthe second display are in angled shape, such that the rectangle has nomore than four corners in rounded shape.
 18. The storage device of claim17, the operations comprising: receiving an input dragging and droppingthe display field next to the second display field such that a distancebetween the display field and the second display field satisfies athreshold; and then automatically attaching the display field and thesecond display field to form the rectangle having no more than fourcorners in rounded shape.
 19. A system comprising: one or moreprocessors configured to perform operations comprising: providing a userinterface item for display, the user interface item including aplurality of control elements, each of the control elementscorresponding to a corner of a display field and having a first state ora second state, the first state corresponding to an angled shape, thesecond state corresponding to a rounded shape; receiving an inputselecting the user interface item, the input specifying that each of thecontrol elements is in a state; and providing the display field forpresentation on a display device, each corner of the display fieldhaving an a first shape when the corresponding control element is in afirst state, or a second shape when the corresponding control element isin a second state.
 20. The system of claim 19, wherein the first shapeis the angled shape, and the second shape is the rounded shape.
 21. Thesystem of claim 19, wherein the control elements are arranged as a gridof four tiled cells, a location of each control element in the gridindicating a location of the corresponding corner of the display field.22. The system of claim 19, wherein each control element comprises anicon indicating the angled shape, or an icon indicating the roundedshape.
 23. The system claim 19, wherein the user interface item isoperable to cause a first corner of the display field to be displayed inthe rounded shape and a second corner of the display field to bedisplayed in the angled shape.
 24. The system of claim 19, wherein theuser interface item comprises a radius control element operable tospecify a radius of each corner having the rounded shape.
 25. The systemof claim 24, wherein: the user interface item comprises a controlelement corresponding to a rounded shape, the control element comprisingan icon indicating the rounded shape, and a change of values of theradius in the radius control element causes a change of icons of thecontrol element, the change of icons corresponding to the change ofvalues.
 26. The system of claim 19, the operations comprising: providingfor presentation a second display field that is attached to the displayfield, the display field and the second display field forming arectangle, wherein: two corners of the display field and two corners ofthe second display are in rounded shape, and two corners of the displayfield and two corners of the second display are in angled shape, suchthat the rectangle has no more than four corners in rounded shape. 27.The system of claim 26, the operations comprising: receiving an inputdragging and dropping the display field next to the second display fieldsuch that a distance between the display field and the second displayfield satisfies a threshold; and then automatically attaching thedisplay field and the second display field to form the rectangle havingno more than four corners in rounded shape.